<template>
  <div class="empty">
    <img src="./empty.png" alt="暂无数据">
    <div class="tip">{{tip}}</div>
  </div>
</template>
<script>
  export default {
    name: 'empty',
    props: {
      tip: {type: String, default: '暂无数据~'}
    }
  }
</script>
<style lang="scss" scoped>
  @import "../../common/style/variable";

  .empty {
    padding: .2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
      width: 40%;
      display: block;
    }
    .tip {
      padding: .2rem 0 0 0;
      font-size: .28rem;
    }
  }
</style>
